<extend name="Base/common2"/>
<block name="body">
<div id="J_main" class="container main">
    <!-- tec start -->
    <section id="J_tec" class="tec">
        <!-- tec slogan start -->
        <div class="clearfix slogan">
            <p class="fl">免费发布工作，10W+ 人才库为您服务</p>
            <a class="fr btn btn-orange" href="{:U('tech/lists')}">免费发布项目</a>
        </div>
        <!-- tec slogan end -->
        <!-- tec search start -->
        <div class="panel search">
            <form action="javascript:void(0);">
                <fieldset>
                    <input class="form-input" type="text" name="title" value="{$title}">
                    <input type="button" class="form-add-tag" value="搜索" data-url="{:U('Wx/Tech/lists')}">
                </fieldset>
                <!--<fieldset style="display: none;">
                    <select class="form-select" name="work_status" readonly="readonly">
                        <option value="">自由职业类型</option>
                        <option value="1">兼职</option>
                        <option value="2">自由职业者</option>
                    </select>
                    <select class="form-select" name="work_price" readonly="readonly">
                        <option value="">任何小时计费区</option>
                        <option value="1">0-500</option>
                        <option value="2">500-1000</option>
                        <option value="3">1000-1500</option>
                        <option value="4">2000以上</option>
                    </select>
                </fieldset>
                <fieldset>
                    <label class="J_senior form-radio">高级过滤器</label>
                </fieldset>-->
            </form>
        </div>
        <!-- tec search end -->
        <!-- tec list start -->
        <notempty name="_lists">
        <div class="panel tec-list">
            <ul>
                <volist name="_lists" id="v">
                <li class="clearfix item">
                    <div class="picture" style="height:0px;">
                        <a href="{:U('tech/detail', ['id'=>$v['id']])}">
                            <img src="__IMG__/o_1c5aur6hfejf1c791ef61tqv17qi2p.png" alt="个人技能">
                        </a>
                    </div>
                    <div class="title">
                        <h3><a href="{:U('tech/detail', ['id'=>$v['id']])}">{$v.name}</a></h3>
                    </div>
                    <span class="offer">手机 {$v.mobile}</span>
                    <div class="attrs">
                        <span class="address">{$v.address|default='未填地址'}</span>
                        <span class="job">
                            {$v.divide|default='未取得职称'}
                            (<if condition="$v['exprience'] eq 1">一年以内
                                <elseif condition="$v['exprience'] eq 2"/>1-3年
                                <elseif condition="$v['exprience'] eq 3"/>3-5年
                                <elseif condition="$v['exprience'] eq 4"/>5-10年
                                <elseif condition="$v['exprience'] eq 5"/>10年以上
                                <else/>无工作年限
                            </if>)
                        </span>
                    </div>
                    <p class="date"> {$v.persondesc} </p>
                    <p class="desc"> {$v.workdesc}...  </p>
                    <!--<div class="tags">
                        <span class="tag">前端开发</span>
                        <span class="tag">产品规划</span>
                        <span class="tag">Discuz!</span>
                    </div>-->
                    <a class="btn btn-orange show-detail" href="{:U( 'tech/detail', ['id'=>$v['id']] )}">查看</a>
                </li>
                </volist>
            </ul>
        </div>
            <div class="page"> {$_page} </div>
        <!--<ul class="pagination">
            <li class="disabled"><span>«</span></li>
            <li><span>1</span></li>
            <li class="active"><a href="http://a.waibaodashi.com/tech/list?page=2">2</a></li>
            <li><a href="http://a.waibaodashi.com/tech/list?page=12">12</a></li>
            <li><a href="http://a.waibaodashi.com/tech/list?page=2" rel="next">»</a></li>
        </ul>-->
            <else/>
            数据为空
        </notempty>
        <!-- tec list end -->
    </section>
    <!-- tec end -->
    <input id="requireModule" type="hidden" data-module="tec">
</div>
</block>
<block name="script">
<script type="text/javascript">
    //'index-nav-show'
    (function() {
        var navPanel = $('.nav-panel');
        $('.icon-icon_menu').click(function(){
            //headerMenu.addClass('menuShow');
            navPanel.css('display','block');
        });
        //$('.icon-nav-close').click(function(){
        $('.icon-icon_close_m').click(function(){
            navPanel.css('display','none');
        });

        var setHeader = function() {
            var st = $(window).scrollTop();
            if(st > 0) {
                $('.header-pc').removeClass('header-transparent');
            } else {
                $('.header-pc').addClass('header-transparent');
            }
        };
        setHeader();
        $(window).scroll(function() {
            setHeader();
        });
    })();
    $(".form-add-tag").click(function(){
        var url = $(this).attr('data-url');
        var query  = $('input.form-input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
        window.location.href = url;
    });
    //回车搜索
    $(".form-input").keyup(function(e){
        if(e.keyCode === 13){
            $(".form-add-tag").click();
            return false;
        }
        var event = window.event || e;
        if (event.preventDefault) {
            event.preventDefault()
        } else {
            event.returnValue = false
        }
        return false
    });
</script>
</block>